<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // 转义字符
    // 某些字符在正则表达式中有特殊意义,如果向匹配其对应的普通字符 => 就需要转义 => 在字符前添加 \
    // {     转义     \{
    // }     转义     \}
    // +     转义     \+
    // *     转义     \*
    // ?     转义     \?
    // ^     转义     \^
    // $     转义     \$
    // [     转义     \[
    // ]     转义     \]
    // -     转义     \-
    // .     转义     \.
    // |     转义     \|
    // (     转义     \(
    // )     转义     \)
    // /     转义     \/
    // \     转义     \\


    // 匹配域名   https://www.baidu.com/

    // 协议  http|https
    
    // 域名部分
    // 万维网    (www\.)?
    // 域名  
    // baidu 一级域名            \w+
    // mp3.baidu 二级域名        \w+\.\w+
    // a.mp3.baidu 三级域名      (\w+\.){2}\w+
    //                           (\w+\.){0,2}\w+

    // 域名后缀   \.com|\.cn|\.net|\.com\.cn

    // /   站点根目录  (\/)?

    var url = "https://www.a.mp3.baidu.com/";
    var reg = /^(http|https):\/\/(www\.)?(\w+\.){0,2}\w+(\.com|\.cn|\.net|\.com\.cn)(\/)?$/; 
    console.log(reg.test(url));

</script>
</html>